/* You can add global styles to this file, and also import other style files */
@import url("../node_modules/bootstrap/dist/css/bootstrap.min.css");

:root {
  --nav-header-height: 64px;
  --nav-footer-height: 64px;
}
.demo {
  padding: 16px;
  margin: 16px auto;
  max-width: 1280px;
  box-shadow: 5px 5px 10px #888888;
  overflow-x: auto;
}

.demo-space > * {
  margin: 8px;
}

.demo-ghost {
  background-color: #bec8c8;
}

.app-layout-demo {
  nz-header {
    background-color: #7dbcea;
    color: #fff;
    text-align: center;
  }
  nz-content {
    background-color: #108ee9;
    color: #fff;
    text-align: center;
  }
  nz-footer {
    background-color: #7dbcea;
    color: #fff;
    text-align: center;
  }
  nz-sider {
    background-color: #3ba0e9;
    color: #fff;
    text-align: center;
    min-height: 120px;
    line-height: 120px;
  }
}

.progress-success-as-danger {
  .ant-progress-success-bg {
    background-color: red !important;
  }
}
